
.main-title{
    font-size: 1rem;
    text-align: center;
}
.numTag{
    margin-top: .5rem;
   display: flex;
 
}
.numTag-user{
    color: rgb(32, 28, 28);
    font-size: .36rem;
    font-weight: 500;
    padding: .3rem .21rem .3rem .21rem;
    margin: .15rem .16rem;
    border-radius: .10rem;
    background-color:#D3E6F3;
    flex: 1;
}
.numTag-time{
    color: rgb(32, 28, 28);
    font-size: 1rem;
    font-weight: 500;
    padding: .3rem .21rem .3rem .21rem;
    margin: .15rem .16rem;
    border-radius: .10rem;
    background-color:#D3E6F3;
    flex: 1;
}
.echart-content{
    /* display: flex; */
    width:380px ;
    height: 285px;
    /* box-shadow: 0px 1px 0px #c0c3c5; */
    margin-bottom: 3rem;
  }
  .echart-detail{
    
    width: 100%;
    height: 110%;
  }
  .echart-title{
    height: 20%;
    width: 100%;
    margin-top: 1rem;
  
    color: rgb(32, 28, 28);
    font-size: 1rem;
    font-weight: 500;
    padding: 0rem .3rem .3rem .55rem;
    border-radius: 1rem;
    /* background-color: #E1E4E6; */
  }
  .echart-title2{
    height: 20%;
    width: 100%;
    /* margin-top: 1rem; */
    color: rgb(32, 28, 28);
    font-size: 1rem;
    font-weight: 500;
    padding: 0rem .3rem .3rem .55rem;
    border-radius: 1rem;
    /* background-color: #E1E4E6; */
  }
  .table-centent{
      width: 5rem;
      margin-top: 1.5rem;
  }
  #pie_chart{
    position: relative;
    height: 65%;
    width: 90%;
    /* border: 1px solid white; */
    left: 1.5rem;
    top: .25rem;
}
.text{
  font-size: 1rem;
}
.card_image2.img{
  /* position: absolute; */
  /* float: right ; */
  width: 80%;
  height: 20%;
  /* right: 5rpx; */
  /* top: -15.5rem; */
  /* margin: auto 0; */
}
.videos{
  margin-left: 2.5rem;
  margin-top: 1rem;
}
  